<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问卷管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="css/plugins/webuploader/webuploader.css" rel="stylesheet" type="text/css">
    <link href="css/plugins/fileinput/fileinput.css" rel="stylesheet" type="text/css"/>
    <link href="css/demo/webuploader-demo.css" rel="stylesheet" type="text/css">
    <link href="css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- fileinput -->
    <script src="js/plugins/fileinput/fileinput.js"></script>
    <script src="js/plugins/fileinput/fileinput_locale_zh.js"></script>

    <!-- jQuery Validation plugin javascript-->
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/validate/messages_zh.min.js"></script>

    <script src="js/core.js"></script>
</head>
<body>
<form id="myForm">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <input type="hidden" id="naireId" name="naireId">
                        <div>
                            <label class="">问卷类型</label>
                            <select id="type" oninput="changeType(this.value)" name="type" class="form-control"
                                    style="width: 40%;">
                                <option value="1">试用众测问卷</option>
                                <option value="2">赚钱填问卷</option>
                            </select>
                        </div>
                        <div>
                            <label class="">标题</label>
                            <input class="form-control" style="width: 40%;" name="naireTitle" id="title">
                        </div>
                        <div id="bonusDiv" style="display: none">
                            <label class="">问卷奖励(元)</label>
                            <input type="number" class="form-control" style="width: 40%;" name="bonus" id="bonus">
                        </div>
                        <div id="expireDateDiv" style="display:none ">
                            <label class="">有效期至</label>
                            <input type="text" class="form-control" style="width: 40%;" name="expireTime" id="expireTime" readonly>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div>
                            <label class="">问题</label>
                            <input class="form-control" style="width: 40%;" name="questionTitle" id="content">
                        </div>
                        <div>
                            <label class="">问题类型</label>
                            <select id="groupType" name="questionType" class="form-control" style="width: 40%;">
                                <option value="1">单选</option>
                                <option value="2">多选</option>
                            </select>
                        </div>
                        <table class="table-mail" width="40%" id="opTable">
                            <tr>
                                <td>选项</td>
                                <td>操作</td>
                            </tr>
                            <tr>
                                <td><input class="form-control" value="A" name="options" style="width: 50px"></td>
                                <td><input class="form-control" name="optionContent" style="width: 500px"></td>
                                <td>
                                    <button class=" btn btn-danger" onclick="delh(this)" style="width: 50px">删除</button>
                                </td>
                            </tr>
                        </table>
                        <div>
                            <a class="btn" onclick="addh()">新增选项</a>
                        </div>
                    </div>

                    <div>
                        <a style="margin-top: 0 !important; color: blue;" class="btn btn-primary"
                           onclick="add()">添加问题</a>
                        <a class="btn btn-info" href="querstion_list.html">保存发布</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>


<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="modal-body">
                        <table class="table-mail" id="opTables">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--bootstrap-table-->
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!-- layerDate plugin javascript -->
<script src="js/plugins/laydate/laydate.js"></script>
<script src="js/querstion_add.js"></script>
</body>
</html>